<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>这是一个标题</title>
    </head>
    <body>
        <h1>这是一个一级标题</h1>
        <h2>这是一个二级标题</h2>
        <h3>这是一个三级标题</h3>
        <h6>这是一个六级标题</h6>
        <p>这是段落文本，
            这里不会不会换行
            <br>这里会换行
        </p>
        <p>
            这里是另一个段落文本
            <br><b>这里可以加粗</b>
            <br><i>这里可以改为斜体</i>
            <br><u>这里可以加下划线</u>
        </p>
        <img src="https://img0.baidu.com/it/u=133314941,3717235010&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=500" width = "500px">
        <br><a href="http://baidu.com">在本窗口打开百度</a>
        <br><a href="http://baidu.com" target="_blank">在新窗口打开百度</a>
        <div style="background-color: red;">
            <p>
                这一块是div
                <br>这一块需要缩进
                <br>这一块会变成红色
                <br>以及这里
                <br>都是红色
            </p>
        </div>
        <p>
            再来试试span
            <span style="background-color: aqua;">一行</span>
            <span style="background-color: green;">可以</span>
            <span style="background-color: rgb(143, 189, 52);">设置</span>
            <span style="background-color: rgb(215, 32, 157);">多个</span>
            <span style="background-color: rgb(60, 17, 215);">样式</span>
        </p>
        <h3>有序列表 ordered list</h3>
        <ol>
            <li>list1</li>
            <li>list2</li>
            <li>list3</li>
        </ol>
        <h3>无序列表 unordered list</h3>
        <ul>
            <li>list1</li>
            <li>list2</li>
            <li>list3</li>
        </ul>
        <h3>表格 table</h3>
        <table border="1">
            <thead>
                <tr>
                    <td>头部1</td>
                    <td>头部2</td>
                    <td>头部3</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>
                </tr>
                <tr>
                    <td>8-1</td>
                    <td>8</td>
                    <td>8+1</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
